<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>专题</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/topic.css">
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="lt"></div>
      <div class="ct">专题</div>
      <div class="rt"></div>
    </div>
    <div class="topic-list" scroll-y="true" >
        <a class="item"  href="./topicDetail.html">
            <img class="img" src="./static/demo/idx-zhuanti.jpg"/>
            <div class="info">
                <text class="title">标题标题标题标题</text>
                <text class="desc">描述描述描述描述描述描述</text>
                <text class="price">11元起</text>
            </div>
        </a>
        <a class="item"  href="./topicDetail.html">
            <img class="img" src="./static/demo/idx-zhuanti.jpg"/>
            <div class="info">
                <text class="title">标题标题标题标题</text>
                <text class="desc">描述描述描述描述描述描述</text>
                <text class="price">11元起</text>
            </div>
        </a>
        <a class="item"  href="./topicDetail.html">
            <img class="img" src="./static/demo/idx-zhuanti.jpg"/>
            <div class="info">
                <text class="title">标题标题标题标题</text>
                <text class="desc">描述描述描述描述描述描述</text>
                <text class="price">11元起</text>
            </div>
        </a>
        <a class="item"  href="./topicDetail.html">
            <img class="img" src="./static/demo/idx-zhuanti.jpg"/>
            <div class="info">
                <text class="title">标题标题标题标题</text>
                <text class="desc">描述描述描述描述描述描述</text>
                <text class="price">11元起</text>
            </div>
        </a>
    </div>
      <!-- 底部TabBar区域 -->
  <div class="tab-bar">
    <a href="index.html">
      <img src="./static/images/ic_menu_choice_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_choice_pressed.png" alt=""> -->
      <span>首页</span>
    </a>
    <a href="topic.html"  class="active">
      <!-- <img src="./static/images/ic_menu_topic_nor.png" alt=""> -->
      <img src="./static/images/ic_menu_topic_pressed.png" alt="">
      <span>专题</span>
    </a>
    <a href="cate.html">
      <img src="./static/images/ic_menu_sort_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_sort_pressed.png" alt=""> -->
      <span>分类</span>
    </a>
    <a href="cart.html">
      <img src="./static/images/ic_menu_shoping_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_shoping_pressed.png" alt=""> -->
      <span>购物车</span>
    </a>
    <a href="user.html">
      <img src="./static/images/ic_menu_me_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_me_pressed.png" alt=""> -->
      <span>我的</span>
    </a>
  </div>
</div>
</body>
</html>